<template>
    <component :is="appName" />
</template>

<script>
    import appFullscreen from './fullscreen'
    import appSystem from './system'

    export default {
        name: 'app',
        components: {
            appFullscreen,
            appSystem
        },
        computed: {
            appName () {
                if (this.$route.path !== '/' && !this.$route.meta.fullscreen) {
                    return 'app-system'
                } else {
                    return 'app-fullscreen'
                }
            }
        }
    }
</script>
